<%@ page language="java" contentType="text/html; charset=UTF-8" %>
<%@ include file="../common.jsp" %>
<%@ include file="statusbar.jsp" %>
        <!-- Alternative Content Box Start -->
         <div class="contentcontainer">
            <div class="headings altheading">
                <h2>Alternative coloured heading</h2>
            </div>
            <div class="contentbox">
            	<table width="100%">
                	<thead>
                    	<tr>
                        	<th>Heading</th>
                            <th>Another Heading</th>
                            <th>Actions</th>
                            <th><input type="checkbox" id="checkboxall" value="" name=""></th>
                        </tr>
                    </thead>
                    <tbody>
                    	<tr>
                        	<td>Content Here</td>
                            <td>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam.</td>
                            <td>
                            	<a title="" href="#"><img alt="Edit" src="${_ctx}/resource/img/icons/icon_edit.png"></a>
                            	<a title="" href="#"><img alt="Approve" src="${_ctx}/resource/img/icons/icon_approve.png"></a>
                                <a title="" href="#"><img alt="Unapprove" src="${_ctx}/resource/img/icons/icon_unapprove.png"></a>
                                <a title="" href="#"><img alt="Delete" src="${_ctx}/resource/img/icons/icon_delete.png"></a>
                            </td>
                            <td><input type="checkbox" name="checkall" value=""></td>
                        </tr>
                        <tr class="alt">
                        	<td>Content Here</td>
                            <td>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam.</td>
                            <td>
                            	<a title="" href="#"><img alt="Edit" src="${_ctx}/resource/img/icons/icon_edit.png"></a>
                            	<a title="" href="#"><img alt="Approve" src="${_ctx}/resource/img/icons/icon_approve.png"></a>
                                <a title="" href="#"><img alt="Unapprove" src="${_ctx}/resource/img/icons/icon_unapprove.png"></a>
                                <a title="" href="#"><img alt="Delete" src="${_ctx}/resource/img/icons/icon_delete.png"></a>
                            </td>
                            <td><input type="checkbox" name="checkall" value=""></td>
                        </tr>
                        <tr>
                        	<td>Content Here</td>
                            <td>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam.</td>
                            <td>
                            	<a title="" href="#"><img alt="Edit" src="${_ctx}/resource/img/icons/icon_edit.png"></a>
                            	<a title="" href="#"><img alt="Approve" src="${_ctx}/resource/img/icons/icon_approve.png"></a>
                                <a title="" href="#"><img alt="Unapprove" src="${_ctx}/resource/img/icons/icon_unapprove.png"></a>
                                <a title="" href="#"><img alt="Delete" src="${_ctx}/resource/img/icons/icon_delete.png"></a>
                            </td>
                            <td><input type="checkbox" name="checkall" value=""></td>
                        </tr>
                         <tr class="alt">
                        	<td>Content Here</td>
                            <td>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam.</td>
                            <td>
                            	<a title="" href="#"><img alt="Edit" src="${_ctx}/resource/img/icons/icon_edit.png"></a>
                            	<a title="" href="#"><img alt="Approve" src="${_ctx}/resource/img/icons/icon_approve.png"></a>
                                <a title="" href="#"><img alt="Unapprove" src="${_ctx}/resource/img/icons/icon_unapprove.png"></a>
                                <a title="" href="#"><img alt="Delete" src="${_ctx}/resource/img/icons/icon_delete.png"></a>
                            </td>
                            <td><input type="checkbox" name="checkall" value=""></td>
                        </tr>
                    </tbody>
                </table>
                <div class="extrabottom">
                	<ul>
                    	<li><img alt="Edit" src="${_ctx}/resource/img/icons/icon_edit.png"> Edit</li>
                        <li><img alt="Approve" src="${_ctx}/resource/img/icons/icon_approve.png"> Approve</li>
                        <li><img alt="Unapprove" src="${_ctx}/resource/img/icons/icon_unapprove.png"> Unapprove</li>
                        <li><img alt="Delete" src="${_ctx}/resource/img/icons/icon_delete.png"> Remove</li>
                    </ul>
                    <div class="bulkactions">
                    	<select>
                        	<option>Select bulk action...</option>
                        </select>
                        <input type="submit" class="btn" value="Apply">
                    </div>
                </div>
                <ul class="pagination">
                	<li class="text">Previous</li>
                    <li class="page"><a title="" href="#">1</a></li>
                    <li><a title="" href="#">2</a></li>
                    <li><a title="" href="#">3</a></li>
                    <li><a title="" href="#">4</a></li>
                    <li class="text"><a title="" href="#">Next</a></li>
                </ul>
                <div style="clear: both;"></div>
            </div>
            
        </div>
	        <!-- Alternative Content Box End -->
	<script type='text/javascript'>
		// Select all checkboxes
		$(document).ready(function(){
			$("#checkboxall").click(function() {
				var checked_status = this.checked;
				$("input[name=checkall]").each(function() {
					this.checked = checked_status;
				});
			});
		});
		
	</script>